<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>比赛集锦</title>
    <script src="../static/js/comment.js"></script>
    <link rel="stylesheet" href="../static/css/match.css">
</head>
<body>
<!--  大框-->
<div id="container">
    <!--  1 头部-->
    <div id="header">
        <div id="logo"></div>
        <div id="title">
            <br style="font-size: 30px;">
            <font style="font-family: STHupo; font-size: 50px;">
                比赛集锦<br/>
            </font>
            <font style="font-family: STHupo; font-size: 30px;">
                MATCH HIGHLIGHTS
            </font>
        </div>
        <div id="select_search">
            <table height="160px" align="right">
                <!--						<tr align="right">-->
                <!--							<td>-->
                <!--								<font style="font-family: STHupo; font-size: 20px; color:#0F5F49;">-->
                <!--									关键词:-->
                <!--								</font>-->
                <!--							</td>-->
                <!--							<td><input type="text" size="25"></td>-->
                <!--							<td><input type="image" src="../static/images/搜索.png"></td>-->
                <!--						</tr>-->
                <tr align="right">
                    <td>
                        <span style="font-family: STHupo; font-size: 20px; color:#0F5F49;">欢迎你：</span><span
                            th:text="${user.account}"
                            style="font-family: STHupo; font-size: 20px; color:#0F5F49;">用户</span>
                        <a href="userInfo"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49;  margin-left: 20px">
                            个人资料
                        </a>
                    </td>
                    <td><a href="/"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49; margin-left: 10px">注销</a></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 2导航栏 -->
    <div id="nav">
        <table>
            <td><a href="index">首页</a></td>
            <td><a href="introduction">篮球赛事介绍</a></td>
            <td><a href="match">比赛集锦</a></td>
            <td><a href="tips">篮球攻略</a></td>
            <td><a href="star_player">名人堂</a></td>
            <!-- <td ><a href="toy">手办商城</a></td>
            <td ><a href="survey">问卷调查</a></td>  -->
            <!-- <td ><a href="join">加入我们</a></td>  -->
        </table>
    </div>
    <!-- 3NBA集锦 -->
    <div id="video">
        <h2 align="center">NBA比赛集锦</h2></font>
        <hr size="2px" color="#b5b5b5" width="990px" align="left">
        <table>
            <tr>
                <td>
                    <video src="../static/videos/库里最帅集锦.mp4" autostart="false" loop="flase" width="320px" height="200px"
                           controls></video>
                </td>
                <td>
                    <video src="../static/videos/汤普森单场37分.mp4" autostart="false" loop="flase" width="320px"
                           height="200px" controls></video>
                </td>
                <td>
                    <video src="../static/videos/杜兰特进球集锦.mp4" autostart="false" loop="flase" width="330px"
                           height="200px" controls></video>
                </td>
            </tr>
            <tr align="cenetr">
                <td>库里最帅集锦</td>
                <td>汤普森单场37分</td>
                <td>杜兰特进球集锦</td>
            </tr>
            <tr>
                <td>
                    <video src="../static/videos/欧文个人集锦.mp4" autostart="false" loop="flase" width="320px" height="200px"
                           controls></video>
                </td>
                <td>
                    <video src="../static/videos/NBA五佳球.mp4" autostart="false" loop="flase" width="320px" height="200px"
                           controls></video>
                </td>
                <td>
                    <video src="../static/videos/詹姆斯个人集锦.mp4" autostart="false" loop="flase" width="330px"
                           height="200px" controls></video>
                </td>
            </tr>
            <tr align="cenetr">
                <td>欧文个人集锦</td>
                <td>NBA五佳球</td>
                <td>詹姆斯个人集锦</td>
            </tr>
        </table>
    </div>
<!--    &lt;!&ndash; 4CBA集锦 &ndash;&gt;-->
<!--    <div id="video">-->
<!--        <h2 align="center">CBA比赛集锦</h2></font>-->
<!--        <hr size="2px" color="#b5b5b5" width="990px" align="left">-->
<!--        <table>-->
<!--            <tr>-->
<!--                <td>-->
<!--                    <video src="../static/videos/郭艾伦进攻集锦.mp4" autostart="false" loop="flase" width="320px"-->
<!--                           height="200px" controls></video>-->
<!--                </td>-->
<!--                <td>-->
<!--                    <video src="../static/videos/CBA十佳球.mp4" autostart="false" loop="flase" width="320px" height="200px"-->
<!--                           controls></video>-->
<!--                </td>-->
<!--                <td>-->
<!--                    <video src="../static/videos/易建联高光集锦.mp4" autostart="false" loop="flase" width="330px"-->
<!--                           height="200px" controls></video>-->
<!--                </td>-->
<!--            </tr>-->
<!--            <tr align="cenetr">-->
<!--                <td>郭艾伦进攻集锦</td>-->
<!--                <td>CBA十佳球</td>-->
<!--                <td>易建联高光集锦</td>-->
<!--            </tr>-->
<!--            <tr>-->
<!--                <td>-->
<!--                    <video src="../static/videos/广东VS辽宁集锦.mp4" autostart="false" loop="flase" width="320px"-->
<!--                           height="200px" controls></video>-->
<!--                </td>-->
<!--                <td>-->
<!--                    <video src="../static/videos/孙铭徽进攻集锦.mp4" autostart="false" loop="flase" width="320px"-->
<!--                           height="200px" controls></video>-->
<!--                </td>-->
<!--                <td>-->
<!--                    <video src="../static/videos/林书豪CBA全明星集锦.mp4" autostart="false" loop="flase" width="330px"-->
<!--                           height="200px" controls></video>-->
<!--                </td>-->
<!--            </tr>-->
<!--            <tr align="cenetr">-->
<!--                <td>广东VS辽宁集锦</td>-->
<!--                <td>孙铭徽进攻集锦</td>-->
<!--                <td>林书豪CBA全明星集锦</td>-->
<!--            </tr>-->
<!--        </table>-->
<!--    </div>-->
    <!-- 5 留言区-->
    <!--			<div id="comment">-->
    <!--				<h2 >留言板</h2>-->
    <!--				<hr size="2px" color="#b5b5b5" width="990px" align="left">-->
    <!--				<form>-->
    <!--					<table align="center">-->
    <!--						<tr>-->
    <!--							<td>邮箱：</td>-->
    <!--							<td><input type="text" id="n"/></td>-->
    <!--							<td>Wechat：</td>-->
    <!--							<td><input type="text" id="x"/></td>-->
    <!--							<td>留言时间：</td>-->
    <!--							<td><input type="text" id="t" placeholder=""/></td>-->
    <!--						</tr>-->
    <!--						<tr>-->
    <!--							<td >留言内容：</td>-->
    <!--							<td colspan="5"><textarea id="txt" cols="87" rows="5" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea></td>-->
    <!--						</tr>-->
    <!--					</table>-->
    <!--					<div align="center">-->
    <!--						<input type="submit" value="提交留言" onclick="check()">-->
    <!--						<input type="reset" value="重置内容">-->
    <!--					</div>-->
    <!--				</form>-->
    <!--			</div>-->
    <!-- 6 版权区-->
    <div id="footer">
        <p class="p1">Copyright&nbsp;&copy;&nbsp;2022&nbsp;<span>LINBO</span>,All&nbsp;rights&nbsp;reserved.</p>
        <p class="p2">2022,版权所有&nbsp;LIN&nbsp;</p>
    </div>
</div>
</body>
</html>
